import { Component } from '@angular/core';
import { NzFlexModule } from 'ng-zorro-antd/flex';

@Component({
  selector: 'app-flex-combine',
  standalone: true,
  imports: [NzFlexModule],
  template: `
    <div class="demo">
      <div nz-flex nzAlign="center" [nzGap]="80">
        <div>
          <img src="/ng-zorro-antd.svg" alt="logo" />
        </div>
        <div nz-flex nzVertical nzGap="large">
          <h2>Ant Design of Angular</h2>
          <p>
            An enterprise-class Angular UI component library based on Ant
            Design, all components are open source and free to use under MIT
            license.
          </p>
        </div>
      </div>
    </div>
  `,
})
export class FlexCombineComponent {}
